Ext.onReady(function()
{
    var store = new X.store.Json({
        url : '/solicitudcc/ajax-listar',
        fields : [
            'codigoSolicitud',
            'fechaSolicitud',
            'chequeOrden',
            'monto',
            'concepto',
            'observaciones'
        ]
    });

	/*
	var store_estado = new X.store.Json({
		url : '/solicitudcc/ajax-tiposol',
		fields : [
			'codigoEstado',
			'nombreEstado'
		]
	});

	store_estado.load();
	*/

	var btnBuscar_onClick = function(){
		store.setBaseParam('filtroEstado',       Ext.getCmp('filtroEstado')      .getValue());
		store.setBaseParam('filtroInicial',      Ext.getCmp('filtroInicial')     .getValue());
		store.setBaseParam('filtroFinal',        Ext.getCmp('filtroFinal')       .getValue());
		store.reload();
	};

	var form = new X.form.FormPanel({
		title            : '',
		width            : 1020,
		height           : 600,
		labelWidth       : 90,
		layout           : 'absolute',

		items:[
			new Ext.form.FieldSet({title:'Filtro de Busqueda', x: 350, y: 5, width: 370, height: 150, layout:'absolute', items:
				[
					{layout:'form', x: 10, y: 3, items:[
						new X.field.Date ({fieldLabel:'Fecha Inicial', id:'filtroInicial', width:230, allowBlank: true, endDateField:'filtroFinal'}),
						new X.field.Date ({fieldLabel:'Fecha Final',   id:'filtroFinal',   width:230, allowBlank: true, startDateField:'filtroInicial'}),
						new X.field.Combo ({
							id           : 'filtroEstado',
							hiddenName   : 'codigoEstado',
							fieldLabel   : 'Estado',
							valueField   : 'codigoEstado',
							displayField : 'nombreEstado',
							allowBlank   : true,
							editable     : false,
							forceSelection: true,
							width        : 230,
							mode: 'local',
							store: new Ext.data.ArrayStore({
								id: 0,
								fields: [
									'codigoEstado',
									'nombreEstado'
								],
								data: [[1, 'No Aprobados'], [2, 'Aprobados'], [3, 'Rechazados']]
							})
							//store        : store_estado
						})
					]},
					{layout:'form', x: 105, y: 90, items:[
						new Ext.Button   ({text:'Buscar', width:230, handler:btnBuscar_onClick})
					]}
				]}),
			new Ext.form.FieldSet({title:'', x: 10, y: 165,items:
				[
					new X.grid.GridPanel({

						id       : 'grid',
						title    : 'Lista de Solicitudes de Reembolso de Caja Chica',
						height   : 370,
						width    : 960,
						store    : store,

						columns:[
							new X.column.Date  ({header: 'Fecha',         dataIndex: 'fechaSolicitud', width: 80}),
							new X.column.Money ({header: 'Monto Total',   dataIndex: 'monto',          width: 90}),
							new X.column.Text  ({header: 'Cheque Orden',  dataIndex: 'chequeOrden',    width: 200}),
							new X.column.Text  ({header: 'Concepto',      dataIndex: 'concepto',       width: 250}),
							new X.column.Text  ({header: 'Observaciones', dataIndex: 'observaciones',  width: 250}),
							new X.column.View  ({ViewUrl    : '/solicitudcc/ver-pdf',
								idColumn   : 'codigoSolicitud'}),
							new X.column.Edit  ({editUrl    : '/solicitudcc/editar',
								idColumn   : 'codigoSolicitud'}),

							new X.column.Delete({deleteUrl  : '/solicitudcc/ajax-eliminar',
								idColumn   : 'codigoSolicitud',
								customMsg  : '¿Está seguro de eliminar la solicitud?'
							})
						]
					})
				]})
		]
	});
});
